DOM(Document Object Model) | 您所在的位置:网站首页 › javascript 操作网页 › DOM(Document Object Model) |
目录 DOM(Document Object Model) 1.DOM组成: 2.DOM作用: 3.关于DOM: 节点层级: 节点: 节点种类: 节点树: DOM(Document Object Model)DOM是JS操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个JS对象,从而可以用脚本进行各种操作(比如增删内容)。 1.DOM组成:1.Document文档: 文档表示的就是整个的HTML网页文档 2.Object对象: 对象表示将网页中的每一个部分都转换为了一个对象。 3.Model模型: 使用模型来表示对象之间的关系,这样方便我们获取对象 2.DOM作用:1.DOM提供了一种表述形式将文档作为一个结构化的节点组以及包含属性和方法的对象。从本质上说,它将web页面和脚本或编程语言连接起来了 2.要改变页面的某个东西,JS就需要获得对网页中所有元素进行访问的入口。这个入口,连同对HTML元素进行添加、移动、改变或移除的方法和属性,都是通过DOM来获得的。 3.DOM是成网页的编程接口 3.关于DOM:DOM不属于JS,但是操作DOM是JS最常见的任务,而JS也是最常用于DOM操作的语言。DOM是浏览器厂商提供的js操作html的api,不同的浏览器厂商提供的api可能不同,所以dom存在兼容性问题(少部分) 节点层级:任何 HTML 或 XML 文档都可以用 DOM 表示为一个由节点构成的层级结构。节点分很多类型,每种类型对应着文档中不同的信息和(或)标记,也都有自己不同的特性、数据和方法,而且与其他类型有某种关系。这些关系构成了层级,让标记可以表示为一个以特定节点为根的树形结构。 节点:概念:DOM的最小组成单位叫做节点(node)。文档的树形结构(DOM树),就是由各种不同类型的节点组成。每个节点可以看作是文档树的一片叶子。 节点的类型有七种:Document、DocumentType、Element、Text、Comment、DocumentFragment。 节点种类:常用: 1.文档节点(Document) : 整个HTML文档document对象作为window对象的属性存在的,我们不用获取可以直接使用。就是body节点 2.元素节点(Element): HTML文档中的HTML标签。 3.属性节点(Attribute) : 元素的属性 表示的是标签中的一个一个的属性,这里要注意的是属性节点并非是元素节点的子节点,而是元素节点的一部分。 4.文本节点(Text): HTML标签中的文本内容。 不常用:(基本不用) 5.DocumentType : doctype标签(比如``)。 6.Comment : 注释 7.DocumentFragment : 文档的片段 节点树:一个文档的所有节点,按照所在的层级,可以抽象成一种树状结构。这种树状结构就是DOM。 |
CopyRight 2018-2019 实验室设备网 版权所有 |